<template>
  <!-- 定义应用的底部标签栏 -->
  <TabBar>
    <!-- 标签栏项，包含首页图标和文本 -->
    <TabBarItem icon="home">首页</TabBarItem>
    <!-- 标签栏项，包含分类图标和文本 -->
    <TabBarItem icon="category">分类</TabBarItem>
    <!-- 标签栏项，包含购物车图标和文本 -->
    <TabBarItem icon="cart">购物车</TabBarItem>
    <!-- 标签栏项，包含我的图标和文本 -->
    <TabBarItem icon="user">我的</TabBarItem>
  </TabBar>
</template>

<script setup>
  // 引入TabBar组件
  import TabBar from './components/TabBar.vue'
  // 引入TabBarItem组件
  import TabBarItem from './components/TabBarItem.vue'
</script>

<style scoped>
  /* 作用域样式，仅应用于本组件 */
</style>